<style type="text/css">
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.metabox_event input[type='text'] {max-width:95%}
</style>
<div class="metabox_event">
	<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery(".meta_date").datepicker();
	});
	</script>		
 	<p>Dates de l'Evénement:</p>
 
	<label for="date_start">Date de début</label>
  
	<p>
		<?php $mb->the_field('date_start'); ?>
		<input type="button" class="button" onclick="document.all('date_start').value=''" value="x"/>
		<input type="text" class="meta_date date_start required" id="date_start" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>" READONLY />
		<span>Entrer la date de début</span>
	</p>

	<label for="date_end">Date de fin</label>
 
	<p>
		<?php $mb->the_field('date-end'); ?>
		<input type="button" class="button" onclick="document.all('date_end').value=''" value="x"/>
		<input type="text" class="meta_date date_end" id="date_end" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>" READONLY  />
		<span>Entrer la date de fin</span>
	</p>
</div>